:root {
  --icon-color: #bfc4d1;
}

.IconWrapper {
  font-size: 0;
}

.Logo .Icon {
  width: 33px;
  height: 42.5px;
}

@keyframes icon-pulse {
  0% {
    box-shadow: 0 0 5px rgba(80, 158, 227, 1);
  }
  50% {
    box-shadow: 0 0 5px rgba(80, 158, 227, 0.25);
  }
  100% {
    box-shadow: 0 0 5px rgba(80, 158, 227, 1);
  }
}

.Icon--pulse {
  border-radius: 99px;
  box-shadow: 0 0 5px #509ee3;
  padding: 0.75em;
  animation-name: icon-pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@media screen and (--breakpoint-min-md) {
  .Logo .Icon {
    width: 66px;
    height: 85px;
  }
}
